<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>旋转按钮</title>
		<link rel="icon" href="img2/favicon.ico" />
		<style>
			.clearfix:after{
				display: table;
				content: "";
				clear: both;
			}
			ul{/*background-color: red;*/margin-left: -60px; float: left;}
			li{float: left;list-style: none;margin-left: 30px;/*background-color: yellow;*/}
			img:hover{transform: scale(1.2) rotate(360deg);}
			img{transition: all 1s;}
		</style>
	</head>
	<body>
		<h1>顺时针旋转360度放大1.2倍</h1>
		<ul class="clearfix">
			<li><a href="homework13-3.html"><img src="img2/rss.png"/></a></li>
			<li><a href="#"><img src="img2/delicious.png"/></a></li>
			<li><a href="#"><img src="img2/facebook.png"/></a></li>
			<li><a href="#"><img src="img2/twitter.png"/></a></li>
			<li><a href="#"><img src="img2/yahoo.png"/></a></li>
		</ul>
	</body>
</html>
